<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body class="common-body">
    <a href="./login.html" class="common-a">登陆账号</a>
    <div class="common-content">
        <h2 class="common-title">手机号登陆/注册</h2>
        <p class="common-desc mt20">快速找到好友，一站式记录您的运动</p>
        <div class="inputBox">
            <div class="mt20">
                <input class="base-input" type="text" placeholder="请输入手机号码" id="ipone">
            </div>
            <div class="mt20 dpflex">
                <input class="base-input mr16" type="text" placeholder="请输入验证码" id="code">
                <!-- <div class="code">1223</div> -->
                <canvas width="124" height="50" id="captcha1"></canvas> 
            </div>
            <div class="mt20">
                <input class="base-input" type="text" placeholder="请输入密码" id="pwd">
            </div>
            <div class="mt20">
                <input class="base-input" type="text" placeholder="请再次确认密码" id="repwd">
            </div>
            <div class="mt20">
                <input class="base-input common-submit" type="text" placeholder="注册账号" id="regBtn">
            </div>
            <p id="msg"></p>
        </div>
    </div>
    <footer>
        <h1 class="common-h1">- HOLD ON -</h1>
    </footer>
    <!-- 引入axios -->
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
</body>
</html>